<template>
  <a-spin :spinning="spinning">
    <a-descriptions>
      <a-descriptions-item label="状态"> {{ house.Mode }} </a-descriptions-item>
      <a-descriptions-item label="门牌号"> {{ house.Floor }}-{{ house.Number }} </a-descriptions-item>
      <a-descriptions-item label="面积（㎡）"> {{ house.Area }}㎡ </a-descriptions-item>
      <a-descriptions-item label="房屋结构"> {{ house.fwjg }} </a-descriptions-item>
      <a-descriptions-item label="地址"> {{ house.ESitesSelect }}{{ house.dong }}栋{{ house.unit }}单元{{ house.Floor }}-{{ house.Number }} </a-descriptions-item>
      <a-descriptions-item label="安置点"> 无 </a-descriptions-item>
    </a-descriptions>
  </a-spin>
</template>

  <script>
/**
 *Parser
 *@Author
 *@Version
 *@property
 *@event
 */
import { getHouseFloorDetail } from '@/api/DistrictReviewReportManagement'
export default {
  props: {
    houseID: {
      type: [String, Number],
      default: ''
    }
  },
  data () {
    return {
      spinning: false,
      house: {}
    }
  },
  mounted () {
    this.fetchData()
  },
  methods: {
    fetchData () {
      this.spinning = true
      getHouseFloorDetail({
        id: this.houseID
      }).then((res) => {
        this.house = res
      }).finally(() => {
        this.spinning = false
      })
    }
  }
}
</script>
  <style scoped>
</style>
